html,
body,
div {
  margin: 0%;
  padding: 0%;
}

html,
body {
  height: 100%;
}

.el-dialog {
  width: fit-content;
  height: fit-content;
}

.el-dropdown-menu,
.el-dropdown-menu__item {
  background-color: transparent;
  color: darkorange;
}

.el-dropdown-menu__item:focus,
.el-dropdown-menu__item:not(.is-disabled):hover {
  background-color: transparent;
  color: yellow;
}

.el-table--enable-row-hover .el-table__body tr:hover > td {
  background-color: rgba(0, 0, 0, 0.3) !important;
  color: yellow;
}

.el-submenu .el-submenu__title:hover {
  border-left: yellow solid 6px !important;
  background-color: #252424b2 !important;
  color: yellow !important;
}

.el-aside {
  width: 185px;
  background-color: #1a1919b2;
  border-left: solid 2px darkorange;
  border-top: solid 2px darkorange;
  border-bottom: solid 2px darkorange;
}

.el-menu-item {
  min-width: 185px;
  max-width: 185px;
  width: 185px;
  background-color: #1a1919b2;
  color: darkorange;
  border-top: 1px solid darkorange;
}

.el-menu-item:focus,
.el-menu-item:hover {
  border-left: yellow solid 6px !important;
  background-color: #363535 !important;
  color: yellow;
}

.el-message {
  border: 1px solid darkorange;
  background-color: #525151;
  color: darkorange;
}
.el-upload-list__item-name {
  color: yellow;
}
.el-upload-list__item:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
.el-upload-list__item .el-icon-close {
  color: darkorange;
}

.el-table__empty-block {
  color: darkorange;
  background-color: #525151;
  border: 1px solid darkorange;
  background-repeat: no-repeat;
  background-position: center;
}

.el-input__inner {
  background-color: transparent;
}

.el-select-dropdown__item {
  color: darkorange;
}

.el-scrollbar,
.el-select-dropdown {
  border: 1px solid darkorange;
  background-color: #525151 !important;
  color: darkorange !important;
}

.el-scrollbar__wrap,
.el-select-dropdown__list {
  background-color: #525151;
  color: darkorange !important;
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  background-color: rgba(0, 0, 0, 0.3);
  color: yellow;
}

.el-aside::-webkit-scrollbar {
  display: none;
}

.el-date-editor--datetime input.el-input__inner {
  width: 300px;
  border-radius: 4px;
  border: 1px solid darkorange;
  background-color: #525151;
  color: #ff9213;
}

.el-date-editor .el-range-input {
  color: #ff9213;
}

.el-range-input {
  background-color: #525151;
  color: #ff9213;
}

.el-menu {
  border: 1px solid darkorange;
  margin-top: -3px;
}

.el-dialog__wrapper.dialog
  div.el-dialog.el-dialog--center
  div.el-dialog__body
  span
  div.block
  div.el-date-editor.el-range-editor.el-input__inner.el-date-editor--datetimerange.el-range-editor--small {
  background-color: #525151;
  color: darkorange;
  border: 1px solid darkorange;
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #ff9213 !important;
  border: 1px solid #ff9213 !important;
}

.el-checkbox__inner:hover {
  border-color: #ff9213;
}

.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #ff9213;
}

.el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: #ff9213 !important;
}

.el-table__cell div.cell {
  text-align: center;
}

.white-list-tool.el-pagination.is-background span.el-pagination__total {
  color: rgb(255, 200, 133);
}

.white-list-tool.el-pagination.is-background {
  margin-top: 5px;
}

.white-list-tool.el-pagination.is-background span.el-pagination__jump {
  color: rgb(255, 200, 133);
  margin-left: 10px;
}

.white-list-tool.el-pagination.is-background
  span.el-pagination__jump
  div.el-input.el-input--small.el-pagination__editor.is-in-pagination
  input.el-input__inner {
  background-color: #525151;
  border: 1px solid darkorange;
  color: darkorange;
}

.white-list-tool.is-background .el-pager li {
  border: 1px solid darkorange;
  background-color: rgb(255, 200, 133);
  color: black;
}

.white-list-tool.is-background .el-pager li:not(.disabled).active {
  background-color: darkorange;
  border: 1px solid darkorange;
  color: #fff;
}

.white-list-tool.is-background .el-pager li.active {
  background-color: darkorange;
  border: 1px solid darkorange;
  color: #fff;
  cursor: default;
}

.white-list-tool.is-background .el-pager li:hover {
  border: 1px solid darkorange;
  background-color: rgb(255, 200, 133);
  color: black;
}

.white-list-tool.is-background .el-pager li:not(.disabled):hover {
  border: 1px solid darkorange;
  color: black;
}

.white-list-tool.is-background .el-pager li:not(.disabled).active:hover {
  border: 1px solid darkorange;
  background-color: darkorange;
  color: #fff;
}

.white-list-tool.is-background .btn-next {
  /*对下一页的按钮样式进行修改*/
  background-color: #525151;
  border: 1px solid darkorange;
  color: darkorange;
}

.white-list-tool.is-background .btn-prev {
  /*对上一页的按钮样式进行修改*/
  background-color: #525151;
  border: 1px solid darkorange;
  color: darkorange;
}
